@import './base.css';

/* ---------- 首页 --------- */
.home_box { background: linear-gradient(to right, #020923, #0f3066, #051536); background-image: var(--home-bgi) !important; }

.home_box > .header { background-image: var(--header-bgi); }
.home_box > .content_box > .left_box > .chart_item { background-image: var(--chart-bgi); background-color: rgba(var(--sub-color), 0.2); }
.home_box > .content_box > .left_box > .chart_item > .title > span { color: var(--main-color); }

.home_box > .content_box > .center_box > .chart_box > .chart_1 { background-image: var(--chart-bgi); background-color: rgba(var(--sub-color), 0.2); }
.home_box > .content_box > .center_box > .chart_box > .chart_2 { background-image: var(--chart-bgi); background-color: rgba(var(--sub-color), 0.2); }
.home_box > .content_box > .center_box > .chart_box > .chart_1 > .title > span { color: var(--main-color) !important; }
.home_box > .content_box > .center_box > .chart_box > .chart_2 > .title > span { color: var(--main-color) !important; }

.home_box > .content_box > .right_box > .chart_item { background-image: var(--chart-bgi); background-color: rgba(var(--sub-color), 0.2); }
.home_box > .content_box > .right_box > .chart_item > .title > span { color: var(--main-color); }


/* ---------- 其他页面 --------- */
.box_1 { background-image: var(--home-bgi); background-size: 100% 100%; }
.box_1 > .header { background-image: var(--header-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .left_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .right_box > .ba_chart { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .right_box > .user_list_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .right_box > .top_box > .user_detail { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .right_box > .bottom_div > .yu_zhong_yuan_list { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .left_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .bottom_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .right_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .su_mu_list { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .pai_hang { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .mu_hu_list { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .cattle_list { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .left_cover_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .bar_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box_order > .content_item > .order_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .bottom_2_box > .bottom_left_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
.box_1 > .content_box > .content_item_box > .bottom_2_box > .bottom_right_box { background-image: var(--chart-bgi); background-size: 100% 100%; }
